/**
 * @author              Steven Palmer and Bradley Silk
 * @author url          http://coalaweb.com
 * @author email        support@coalaweb.com
 * @version             Version 0.0.1 January 2013
 * @copyright           Copyright (c) 2013 Steven Palmer and Bradley Silk All rights reserved.
 */

@import url(../warp/css/layout.css);

/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#breadcrumbs,
#content
 { margin: 15px; }

#menu .module { margin: 10px 5px; }

#footer {
     padding: 25px 20px;
 }

#footer .module { 
    margin: 10px; 
}

#footer .module h6 { 
    font-size: 14px;
    height: 14px; 
}

/* Layout
----------------------------------------------------------------------------------------------------*/

/* Toolbar */
#block-toolbar {
    border-bottom:1px solid #b2b2b2;
    color: #efefef;
    font-size: 80%;
    height: auto;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

#block-toolbar-inner  {
    background: url("../images/noise.png") 50% 0 repeat;
    padding: 2px;
}

#toolbar .menu-line li a {
    color: #efefef;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

#toolbar .menu-line li a:hover {
    color: #444;
}

/* Header */
#block-header {
    height: auto;
    padding: 10px 10px 15px 10px;
    position: relative;
}

.header-shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -1px 8px rgba(0,0,0,0.3) inset, 0 1px 8px rgba(0,0,0,0.5) inset;
}

#headerbar {
    min-height: 140px;
    overflow: hidden;  
}

#headerbar .module {
    color: #fff;
    max-width: 260px;
}

#headerbar .module a:hover{
    color: #fff;
}

/* Style specific for the bubble theme on Widgetkit Twitter */
#headerbar .wk-twitter-bubbles .content {
    color: #666;
}

/* Main */
#block-main, #block-bottom {
    background: #fff;
}

/* Footer */
#block-footer {
    background: url("../images/page_footer_bg.png") 50% 0 repeat-x #7e8689;
    min-height: 100px;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;   
}

#footer {
    color: #333;
}

#block-footer-inner  {
    background: url("../images/noise.png") 50% 0 repeat;
}

#footer a, #footer span.separator {
    color: #efefef;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

#footer a:hover {
    color: #444;
}

/* Sets colour for any space underneath the footer */
html {
    background: url("../images/noise.png") 50% 0 repeat #7e8689;
}

/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 50% 50% no-repeat;
	text-decoration: none;
	top: 20px;
}